<template>
  <div>
    <div>
    <van-nav-bar>
      <van-icon name="arrow-left" slot="left" size="34px" color="#101010" @click="onClickLeft"></van-icon>
      <span slot="title" style="font-size: 18px">最新训练</span>
    </van-nav-bar>
    </div>
    <div>
      <ul class="wt-ul">
        <li class="wt-item">
          <div class="user-info">
            <img class="photo" src=""><span class="train-user">wwww</span>
          </div>
          <h2 class="train-name">wwwwwww<span class="looks">11111</span></h2>
          <p class="train-plan">6555</p>
          <div class="label-box">
            <div class="train-label">酣畅淋漓</div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
  export default {
    name:'selected',
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      }
    }
  }
</script>
<style scoped>
  .wt-ul:before,.wt-ul:after{content:" ";display:table}
  .wt-ul:after{clear:both}
  .wt-item:before,.wt-item:after{content:" ";display:table}
  .wt-item:after{clear:both}
  .weektop:before,.weektop:after{content:" ";display:table}
  .weektop:after{clear:both}
  .wt-ul{height: 100%;}
  .wt-item{
    padding:11px 12px ; border-bottom: 1px solid #eeeeee;box-sizing: border-box;
  }
  .user-info{
    padding-bottom: 7px;
  }
  .photo{
    display: inline-block;border-radius: 50%;border: 1px solid #000000;height: 21px;width: 21px;overflow: hidden;
  }
  .train-user{
    font-size: 12px;margin-left: 6px;
  }
  .train-name{
    font-size: 14px;
  }
  .train-plan{font-size: 12px;padding: 3px 0 11px 0}
  .train-label{
    padding: 4px;border: 1px solid #eeeeee;display: inline-block;
  }
</style>
